<div class="tpl-content-page-title">会员信息</div>
<ol class="am-breadcrumb">
	<li><a href="#" class="am-icon-home">首页</a></li>
	<li><a href="#">云造型会员</a></li>
	<li class="am-active">会员信息</li>
</ol>
<div class="tpl-portlet-components">
	<div class="tpl-block">
		<div class="am-g">
			<div class="am-u-sm-12 am-u-md-6">
				<div class="am-btn-toolbar">
					<div class="am-btn-group am-btn-group-xs">
						<button type="button" class="am-btn am-btn-default am-btn-success">
							<span class="am-icon-plus"></span> 添加
						</button>
						<button type="button" class="am-btn am-btn-default am-btn-warning">
							<span class="am-icon-archive"></span> 修改
						</button>
						<button type="button" class="am-btn am-btn-default am-btn-danger">
							<span class="am-icon-trash-o"></span> 删除
						</button>
					</div>
				</div>
			</div>
			<div class="am-u-sm-12 am-u-md-3">
				<div class="am-input-group am-input-group-sm">
					<!-- <input type="text" class="am-form-field"> --> <span
						class="am-input-group-btn">
						<!-- <button
							class="am-btn  am-btn-default am-btn-success tpl-am-btn-success am-icon-search"
							type="button"></button> -->
					</span>
				</div>
			</div>
		</div>
		<div class="am-g">
			<div class="am-u-sm-12">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<th class="table-check"><input 
									class="tpl-table-fz-check"></th>
								<th class="table-title">名称</th>
								<th class="table-email">邮箱</th>
								<th class="table-author am-hide-sm-only">手机号码</th>
								<th class="table-date am-hide-sm-only">账户余额</th>
								<th class="table-date am-hide-sm-only">创建时间</th>
								<th class="table-date am-hide-sm-only" >修改时间</th>
								<th class="table-date am-hide-sm-only" 
									style=" text-align: center;">操作</th>
							</tr>
						</thead>
						<tbody id="tbodyId">
							<tr>
								<!-- <td><input type="checkbox"></td>
											<td>1</td>
											<td><a href="#">Business management</a></td>
											<td>default</td>
											<td class="am-hide-sm-only">10988746639</td>
											<td class="am-hide-sm-only">200</td>
											<td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
											<td class="am-hide-sm-only">2014年9月4日 7:28:47</td> -->
							</tr>
							<tr>
								<td colspan="8">正在加载会员信息...</td>
							</tr>
						</tbody>

					</table>
					<div class="am-cf">

						<div class="am-fr">
							<ul class="am-pagination tpl-pagination">
								<li><a class="first">首页</a></li>
								<li><a class="pre">上一页</a></li>
								<li><a class="next">下一页</a></li>
								<li><a class="last">尾页</a></li>
								<li><a class="rowCount">总记录数(0)</a></li>
								<li><a class="pageCount">总页数(1)</a></li>
								<li><a class="pageCurrent">当前页(1)</a></li>
							</ul>
						</div>
					</div>
					<hr>

				</form>
			</div>

		</div>
	</div>
	<div class="tpl-alert"></div>
</div>

<script type="text/javascript">
$(function(){
	 doGetObjects()
	 $(".tpl-content-wrapper")
	 .on("click",".btn-add-order",doLoadAddOrderUI) 
	 .on("click",".btn-member-recharge",memberRecharge)
	 .on("click",".am-btn-danger",memberDeleteByMobile);
	
	 $(".am-btn-warning").click(memberUpdateInfo);
	 
	 $(".am-btn-success").click(function(){
		 $(".tpl-content-wrapper").load("member-add.html")
	 })
	 
});

// 基于id删除会员信息
function memberDeleteByMobile(){
	debugger
	// 1.获取选中的checkbox的会员
	var mobiles =doGetCheckedMember();
	//2.校验数组内容
    if(!mobiles){
	   alert("请先选择");
	   return;
    }
    //3.给出提示，确定删除吗？
    if(!confirm("确定删除吗"))return;
	var url = "member/doDeleteByMobile";
	var mobiles = mobiles;
	
	var params = {"mobiles":mobiles};
	// 发送异步请求 
	$.get(url,params,function(result){
		if(result.state==1){
			alert(result.message)
			doGetObjects()
		}else{
			alert(result.message)
		}
	}); 
}

//获取选中checkbox的会员，并返回手机号码
function doGetCheckedMember(){
	return $("#tbodyId input[type='checkbox']:checked")
			.parents("tr").data("mobile");
}	
/* 
//获取选中checkbox的会员，并返回手机号码
function doGetCheckedMember(){
	   //定义js数组
	   var array=[];
	   //获取所有tbody对象内部选中的checkbox对象的值，并将其放入数组
	   $("tbody input[type='checkbox']")
	   //each函数表示迭代，这里用于迭代checkbox对象
	   .each(function(){
		    if($(this).prop("checked")){//判定checkbox是否已选中
		    	//push用于向数组中放数据
		    	array.push($(this).val())//val()获取value属性的值
		    }
	   });
	   return array;
}
 */
// 修改会员信息
function memberUpdateInfo(){
	debugger
	var mobiles =doGetCheckedMember();
	
	if(!mobiles){alert("请先选择");return;}
	
	var url = "member/doFindMemberByMobile";
	
	var params = {"mobile":mobiles};
	// 发送异步请求 
	$.get(url,params,function(result){
		if(result.state==1){
			$(".tpl-content-wrapper").data("data",result.data) // 绑定数据
			$(".tpl-content-wrapper").load("member-update.html")	// 加载页面
										
		}else{
			alert(result.message)
		}
	}); 
} 

// 获取选中的会员信息
function getCheckedMember(mobile){
	debugger
	var url = "member/doFindMemberByMobile";
	
	var params = {"id":id};
	// 发送异步请求 
	$.get(url,params,function(result){
		if(result.state==1){
			$(".tpl-content-wrapper").data("data",result.data) // 绑定数据
			$(".tpl-content-wrapper").load("member-update.html")	// 加载页面
										
		}else{
			alert(result.message)
		}
	});
}

 
// 会员充值
function memberRecharge(){
	 debugger
	var url = "member/doFindMemberByMobile";
	var mobile=$(this).parents("tr").data("mobile");
	var params = {"mobile":mobile};
	// 发送异步请求 
	$.post(url,params,function(result){
		if(result.state==1){
			$(".tpl-content-wrapper").data("data",result.data) // 绑定数据
			$(".tpl-content-wrapper").load("member-recharge.html")	// 加载页面
										
		}else{
			alert(result.message)
		}
	});
	
} 

//初始化订单信息
function doLoadAddOrderUI(){
	debugger
	var url = "member/doFindMemberByMobile";
	var mobile=$(this).parents("tr").data("mobile");
	var params = {"mobile":mobile};
	
	$.getJSON(url,params,function(result){
		if(result.state==1){
			console.log(result.data)
			$(".tpl-content-wrapper").data("data",result.data)
			$(".tpl-content-wrapper").load("order-add.html")	
			
			//doInitOrderInfo(result.data);
		}else{
			alert(result.message);
		}
	});
}  

// 查询所有会员信息
function doGetObjects(){
	var url="member/doFindPageObjects";
	//debugger
	// 当前页数据
	var pageCurrent=$(".tpl-pagination").data("pageCurrent");
	if(!pageCurrent){pageCurrent=1;}
	// 参数
	var params={"pageCurrent":pageCurrent}
	var uname=$("#searchNameId").val();
	if(uname){
		params.username=uname;
	}
	$.getJSON(url,params,function(result){
		console.log(result)
		doHandleResponseResult(result)
	})
}

// 将响应的数据进行筛选判断
function doHandleResponseResult(result){
	if(result.state==1){
		doSetTablebody(result.data.records)
		doSetPagination(result.data);
	}else{
		alert(result.message)
	}
}

// 追加数据
function doSetTablebody(records){
	// 获取tbodyId元素对象，并清空数据
	var tb=$("#tbodyId")
	tb.empty();
	// 循环追加
	for(var i in records){
		// 创建tr对象和tds对象
		var tr=$("<tr></tr>");
		// 给每一个tr的data属性绑定id值
		tr.data("mobile",records[i].mobile);
		var tds=doCreateIds(records[i]);
		// 追加数据
		tr.append(tds);
		tb.append(tr);
	}
}

// 绑定数据
function doCreateIds(records){   
	var ids="<td><input type='checkbox' class='cbox' value='"+records.id+"' /></td>"+
			"<td>"+records.memberName+"</td>"+
			"<td>"+records.email+"</td>"+
			"<td>"+records.mobile+"</td>"+
			"<td>"+records.account+".00"+"</td>"+
			"<td>"+new Date(records.createdTime).toLocaleString()+"</td>"+
			"<td>"+new Date(records.modifiedTime).toLocaleString()+"</td>"+
			"<td><a class='btn-add-order'>添加订单</a>"+
			" &nbsp;<a class='btn-member-recharge'>会员充值</a></td>";
	return ids; // 返回绑定数据
}


</script>
<script type="text/javascript" src="../assets/js/page.js"></script>













